home *** CD-ROM | disk | FTP | other *** search
/ Kentucky Virtual Art Museum / Kentucky Virtual Art Museum.iso / site / style / vam2.css
Cascading Style Sheet File  |  2005-09-22  |  9KB  |  495 lines
  1. /* CSS Document */
  2. body {
  3.     background-color: #ffffff;
  4.     font: 11px normal normal Geneva, Verdana, Arial, Helvetica, sans-serif;
  5.     margin: 0;
  6.     padding: 0;
  7. }
  8. a:hover {
  9.     background-color: #f00;
  10.     color: #ffffff;
  11. }
  12. #frame {
  13.     width: 750px;
  14.     border: 1px solid #ccc;
  15.     margin: 0 auto;
  16.     position: relative;
  17.     background-color: #000;
  18. }
  19. #display {
  20.     background-color: #fff;
  21.     color: #fff;
  22.     padding: 10px 0 5px 0;
  23. }
  24. #display h1 {
  25.     margin: 0;
  26.     padding: 5px;
  27.     font-size: 20px;
  28.     font-weight: bold;
  29. }
  30. #display a {
  31.     color:#FFFFCC;
  32.     text-decoration: none;
  33. }
  34. #display a:hover {
  35.     background-color: #FF0000;
  36. }
  37. #displaylogo img {
  38.     border-right: 1px solid #ccc;
  39.     border-bottom: 1px solid #ccc;
  40. }
  41. #displaycontrols div {
  42.     border: none;
  43. }
  44. #displayhomelink {
  45.     clear: both;
  46.     margin: 0 0 10px 10px;
  47. }
  48. #displaynav {
  49.     width: 178px;
  50.     height: 771px;
  51.     padding: 10px 0 0 0;
  52.     margin: 0;
  53.     position: absolute;
  54.     color: #FFFFFF;
  55.     left: 1px;
  56.     text-align: center;
  57.     top: -30px;
  58. }
  59. #displaynav img {
  60.     margin: 0 0 0 0;
  61.     padding: 20px 0 0 0; 
  62. }
  63. #displaynav #controls img {
  64.     vertical-align: middle;
  65.     padding: 0;
  66.     margin: 0;
  67. }    
  68. #displaynav li:hover {
  69.     background-color: #FF0000;
  70. }
  71. #displaynav a {
  72.     text-decoration: none;
  73.     color: #FFFFFF;
  74. }
  75. #displaynav a:hover {
  76.     background-color: #FF0000;
  77. }
  78. #displaynav h2 {
  79.     margin: 0;
  80.     padding: 5px;
  81.     font-size: 16px;
  82.     font-weight: bold;
  83.     line-height: 16px;
  84. }
  85. #displaynav div {
  86.     border-bottom: 1px solid #999;
  87.     padding: 5px 0;
  88. }
  89. #works div {
  90.     border-bottom: none;
  91.     padding: 0 0 5px 0;
  92. }
  93. #works img {
  94.     margin: 5px 0 5px 0;
  95. }
  96. #works p {
  97.     margin: 0;
  98. }
  99. #displaynav div#info ul {
  100.     margin: 0;
  101.     padding: 0;
  102. }
  103. #displaynav div#info ul li {
  104.     list-style: none;
  105. }
  106. #content {
  107.     margin: 0 0 0 180px;
  108.     padding: 15px 10px 10px 10px;
  109.     line-height: 16px;
  110.     background : #fff url(../images/topbar_int.gif) no-repeat scroll top right;
  111. }
  112. #content img {
  113.     float: right;
  114.     margin: 4px 15px 15px 25px;
  115. }
  116. #content h1 {
  117.     line-height: 26px;
  118. }
  119. #content h2 {
  120.     line-height: 26px;
  121. }
  122. #content p {
  123.     margin: 0 0 10px 0;
  124. }    
  125. #content .insert {
  126.     float: right;
  127.     color: #FF0000;
  128.     width: 200px;
  129.     font-weight: bold;
  130.     padding: 20px 10px 0 10px;
  131.     margin: 0 0 0 15px;
  132.     border: 2px solid #000;
  133.     /*background : #fff url(../images/transition.gif) repeat-x scroll top left;*/
  134. }
  135. #content .insert2 {
  136.     float: right;
  137.     color: #FF0000;
  138.     width: 150px;
  139.     font-weight: bold;
  140.     padding: 10px;
  141.     text-align: center;
  142.     margin: 0 0 0 15px;
  143.     border: 1px solid #cccccc;
  144. }
  145. #content .insertcredits {
  146.     float: right;
  147.     color: #000000;
  148.     width: 200px;
  149.     font-weight: bold;
  150.     padding: 20px 10px 0 10px;
  151.     margin: 0 0 0 15px;
  152.     border: 2px solid #000;
  153.     background : #fff url(../images/transition.gif) repeat-x scroll top left;
  154. }
  155. #content .insert p {
  156.     margin: 0 0 14px 0;
  157.     padding: 0;
  158. }
  159. #content .videoinsert {
  160.     float: right;
  161.     color: #FF0000;
  162.     width: 342px;
  163.     font-weight: bold;
  164.     padding: 10px 10px 10px 10px;
  165.     margin: 10px;
  166.     border: 2px solid #000;
  167. }
  168. #content .photoinsert img{
  169.     margin: 0;
  170.     padding: 0;
  171. }
  172. #content .photoinsert {
  173.     float: right;
  174.     color: #FF0000;
  175.     width: 150px;
  176.     padding: 0;
  177.     margin: 5px;
  178.     border: 1px solid #ccc;
  179. }
  180. #content #artinfo {
  181.     margin: 1px 0 25px 0;
  182.     padding: 15px 0 0 5px;
  183. }
  184. #content #artinfo h1 {
  185.     margin: 3px 0 3px 0;
  186.     padding: 0;
  187.     font-size: 18px;
  188.     color: #FF0000;
  189. }
  190. #content #artinfo p {
  191.     margin: 0;
  192.     padding: 0;
  193.     font-size: 15px;
  194.     line-height: 18px;
  195. }
  196. #content #galleryinfo {
  197.     margin: 1px 0 25px 0;
  198.     padding: 15px 0 0 5px;
  199.     border: 1px solid-red;
  200. }
  201. #content #galleryinfo h1 {
  202.     margin: 3px 0 3px 0;
  203.     padding: 0;
  204.     font-size: 18px;
  205.     color: #FF0000;
  206. }
  207. #content #galleryinfo p {
  208.     margin: 0;
  209.     padding: 0;
  210.     font-size: 15px;
  211.     line-height: 18px;
  212. }
  213. #content #galleryinfo img {
  214.     float: left;
  215.     margin: 0 10px 10px 15px;
  216. }
  217. #content a {
  218.     text-decoration: none;
  219. }
  220. #content a:hover {
  221.     background-color: #FF0000;
  222. }
  223. #content div#bookmarks {
  224.     width: 350px;
  225.     margin: 20px 0 20px 150px;
  226.     padding: 5px 0 2px 0;
  227.     list-style: none;
  228.     border-bottom: 1px solid #ccc;
  229.     text-align: center;
  230. }
  231. #content div#bookmarks_index {
  232.     width: 450px;
  233.     margin: 20px 0 20px 25px;
  234.     padding: 5px 0 2px 0;
  235.     list-style: none;
  236.     border-bottom: 1px solid #ccc;
  237.     text-align: center;
  238. }
  239. #content div#bookmarks2 {
  240.     width: 140px;
  241.     margin: 20px 0 20px 155px;
  242.     padding: 5px 0 2px 0;
  243.     list-style: none;
  244.     border-bottom: 1px solid #ccc;
  245. }
  246. #content #main {
  247.     margin: 0;
  248.     padding: 0;
  249.     font-size: 12px;
  250. }
  251. #content #main h1 {
  252.     font-size: 20px;
  253.     line-height: 18px;
  254.     margin: 0;
  255.     padding: 5px 0 5px 0;
  256. }
  257. #content #main h3 {
  258.     margin:0
  259.     padding: 10px 0 10px 0;
  260.     font-size: 12px;
  261. }
  262. #content #main ul li {
  263.     font-size: 12px;
  264.     line-height: 18px;
  265. }
  266. #content #videoclip {
  267.     width: 500px;
  268.     margin: 0 0 0 15px;
  269.     padding: 10px;
  270.     background-color: #cccccc;
  271.     border: 1px solid black;
  272. }
  273. #content #museumindex {
  274.     padding: 0;
  275. }
  276. #content #museumindex h1 {
  277.     font-size: 14px;    
  278.     padding: 0;
  279.     margin: 0 0 0 10px;
  280. }
  281. #content #museumindex p {
  282.     font-size: 12px;    
  283.     padding: 0;
  284.     margin: 0 0 10px 10px;
  285.     line-height: 18px;
  286. }
  287. #links {
  288.     clear: both;
  289.     margin: 0;
  290.     padding: 15px 0 10px 0;
  291.     line-height: 16px;
  292. }
  293. #links h2{
  294.     margin: 0;
  295.     font-size: 16px;
  296.     font-weight: bold;
  297.     color: #FF0000;
  298. }
  299. #links a {
  300.     text-decoration: none;
  301. }
  302. #links a:hover {
  303.     background-color: #FF0000;
  304. }
  305. #footer {
  306.     margin: 40px 45px 25px 15px;
  307.     text-align: center;
  308. }
  309. hr {
  310.     display: none;
  311. }
  312. .toplink {
  313.     text-align: right;
  314.     margin: 20px 5px 10px 0;
  315. }
  316. #museum {
  317.     margin: 10px 0 0 100px;
  318.     padding: 20px; 
  319.     width: 750px;
  320.     background-color: #000;
  321. }
  322. #museum #guts {
  323.     background-color: #FFFFFF;
  324.     padding: 5px 10px 10px 10px;
  325. }
  326. #museum #guts img {
  327.     margin: 0;
  328.     padding: 2px 10px 10px 10px;
  329. }
  330. body#popup {
  331.     margin: 0;
  332.     padding: 0;
  333.     text-align: center;
  334.     color: #fff;
  335.     background-color: #000;
  336. }
  337. body#popupquestion {
  338.     margin: 10px;
  339.     padding: 10px;
  340.     background-color: #fff;
  341.     color: #000;
  342. }
  343. body#popup #text{
  344.     margin: 0;
  345.     padding: 0;
  346.     font-size: 13px;
  347.     text-align: left;
  348.     color: #fff;
  349.     background-color: #000;
  350. }
  351. #big h1 {
  352.     font-size: 15px;
  353.     color: #FFF;
  354.     font-weight: bold;
  355. }
  356. #big #img {
  357.     padding: 0;
  358. }
  359. #big p {
  360.     font-size: 12px;    
  361.     padding: 0 10px 0 0;
  362.     text-align: right;
  363. }
  364. #big2 p {
  365.     font-size: 12px;    
  366.     padding: 0;
  367.     margin: 0 0 0 10px;
  368.     text-align: left;
  369. }
  370. #logotop {
  371.     margin: 0;
  372. }
  373. .topnav {
  374.     font-size: 12px;
  375.     padding: 10px 0 5px 0;
  376. }
  377. #museumlist {
  378.     font-size: 15px;
  379.     line-height: 18px;
  380.     padding: 0 0 10px 0;
  381.     width: auto;
  382. }
  383. #museumlist ul ul li {
  384.     font-size: 12px;
  385. }
  386. #linkstoplevel {
  387.     clear: both;
  388.     margin: 0;
  389.     padding: 0 0 5px 0;
  390.     line-height: 16px;
  391. }
  392. #linkstoplevel #footer {
  393.     margin: 30px 35px 0 15px;
  394.     text-align: center;
  395.     padding: 0;
  396. }
  397.  
  398. /*-------------themed gallery-----------*/
  399. #galleryframe {
  400.     background : #fff url(../images/topbar_g.gif) no-repeat scroll top right;
  401.     width: 800px;
  402.     margin: 0 auto;
  403.     padding: 0;
  404. }
  405. #galleryframe #gnav {
  406.     margin: 5px 0 8px 12px;
  407.     padding: 8px 0 0 0;
  408.     color: #000000;
  409. }
  410. #galleryframe #gnav a {
  411.     color: #000000;
  412.     text-decoration: none;
  413. }
  414. #galleryframe #gnav a:hover {
  415.     background-color: #f00;
  416.     color: #ffffff;
  417. }
  418. #galleryframe #gnav p{
  419.     margin: 0;
  420.     padding: 0;
  421. }
  422. #themedgallery {
  423.     margin: 0;
  424.     padding: 0;
  425.     background-color: #000000;
  426. }
  427. #themedgallery td {
  428.     width: 205px;
  429.     margin: 0;
  430.     padding: 0;
  431.     text-align: center;
  432.     border: 1px solid #555555;
  433. }
  434. #themedgallery p {
  435.     margin: 0;
  436.     padding: 5px 0 5px 0;
  437.     color: #999999;
  438. }
  439. #themedgallery a {
  440.     color:#FFFFFF;
  441.     text-decoration: none;
  442. }
  443. #themedgallery img {
  444.     margin: 5px 0 0 0;
  445.     padding: 0;
  446.     border: 2px solid #ffffff;
  447. }
  448. #themedgallery #galltext {
  449.     text-align: left;
  450.     border: 4px solid #b4b4b4;
  451.     width: 171px;
  452.     height: 100%;
  453.     background-color: #FFFFFF;
  454.     color: #000000;
  455.     margin: 0;
  456.     padding: 8px;
  457. }
  458. #themedgallery #galltext h1 {
  459.     font-size: 13px;
  460.     font-weight: bold;
  461. }
  462. #themedgallery #galltext p{
  463.     color: #000000;
  464. }
  465. #themedgallery #galltext a{
  466.     color: #000000;
  467.     font-weight: bold;
  468.     margin: 0;
  469. }
  470.  #themedgallery #galltext a:hover {
  471.     background-color: #f00;
  472.